<%@page contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html> 
<html> 
	<head> 
       <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Page Title</title> 
       <meta name="apple-mobile-web-app-capable" content="yes"/>
	<link rel="apple-touch-icon" href="/images/calendar.png"> 
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
	<script>
		$(function()
		{
			$("#btn_1").bind("click",function()
			{
				
				$("select#select_choice_1").selectmenu('open');
			});
			
			$("#btn_2").bind("click",function()
			{
				
				$("select#select_choice_2").selectmenu('open');
			});
		});
	</script>     
</head> 

<body>
    <div data-role="page" id="page_main" >
    
        <div data-role="header"  data-position="inline">
		<h1>Select Menus</h1>
        <a data-role="button" text="Test" id="btn_1">1 selectMenuItem("open")</a>
       	 <a data-role="button" text="Test" id="btn_2">2 selectMenuItem("open")</a>
	</div>
	<div data-role="content" >
		<div data-role="fieldcontain" >
            <div> select menu1</div>
             <select id="select_choice_1">
                    <option value="standard">Standard: 7 day</option>
                    <option value="rush" selected="true">Rush: 3 days</option>
                    <option value="express">Express: next day</option>
                    <option value="overnight">Overnight</option>
             </select>
              <div> select menu2</div>
             <select id="select_choice_2">
                    <option value="standard">2_1</option>
                    <option value="rush" selected="true">2_2</option>
                    <option value="express">2_3</option>
                    <option value="overnight">2_4</option>
             </select>
		</div>
<div data-role="fieldcontain">
    <fieldset data-role="controlgroup">
    	<legend>Choose a pet:</legend>
         	<input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
         	<label for="radio-choice-1">Cat</label>

         	<input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2"  />
         	<label for="radio-choice-2">Dog</label>

         	<input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3"  />
         	<label for="radio-choice-3">Hampster</label>

         	<input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4"  />
         	<label for="radio-choice-4">Lizard</label>
    </fieldset>
</div>		
         <a data-role="button" text="Test" id="btn_1">1 selectMenuItem("open")</a>
       	 <a data-role="button" text="Test" id="btn_2">2 selectMenuItem("open")</a>
        <div data-role="footer" data-theme="b" data-position="inline">
        	<div data-role="navbar">
        		<ul>
        			<li><a href="#" class="ui-btn-active">勤怠</a></li>
        			<li><a href="/chart">チャート</a></li>
        			<li><a href="/setup">設定</a></li>
        		</ul>
        	</div>
        </div>
 	</div>       		
</body>
</html>
